<template>
	<div class="abnormalDeal">
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<span class="title">工单编号：</span>
				<span class="value">WN2019983290-9-9</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">提报时间：</span>
				<span class="value">2018-03-23 00:14:30</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">当前状态：</span>
				<span class="value">未处理</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">异常状态：</span>
				<span class="value">001</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">异常名称：</span>
				<span class="value">坯不良</span>
			</li>
			<li class="mui-table-view-cell" @click="goDealPer">
				<a class="mui-navigate-right">
					<span class="title">处理人</span>
					<span class="value">无</span>
				</a>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">反馈人：</span>
				<span class="value">管理员</span>
			</li>
			<li class="mui-table-view-cell">
				<span class="title">提报备注：</span>
				<span class="value"></span>
			</li>
			<div class="mui-input-row">
				<label>处理备注：</label>
				<input type="text" class="mui-input-clear" placeholder="请输入备注描述">
			</div>
		</ul>
		<div class="btn">
			<mt-button type="primary" size='large'>提交</mt-button>
			<mt-button type="default" size='large' @click='goBack()'>返回</mt-button>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			goDealPer(){
				this.$router.push({name:'abnormalDealPer'})
			}
		}
	}
</script>

<style scoped="scoped">
	.mint-button--large {
		margin: 0 auto;
		margin-top: 16px;
	}
	.btn{
		padding-left: 10px;
		padding-right: 10px;
	}
	.mint-button--default {
		background: white;
	}
	.mui-table-view{
		font-size: 16px;
	}
	.title{
		display: inline-block;
		width: 33.3%;
	}
	.value{
		display: inline-block;
		width: 64%;
	}
</style>
